<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style type="text/css">
		div{
			border:  2px #06357A solid;
		}
		.drdc{
			animation: fadeInUp 2s ease ;
		}
		@keyframes fadeInUp {
		  0% {
		    opacity: 0;
		    -webkit-transform: translateY(20px);
		    -ms-transform: translateY(20px);
		    transform: translateY(20px);
		  }
		
		  100% {
		    opacity: 1;
		    -webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		    transform: translateY(0);
		  }
		}
		
		.fadeInUp {
		  -webkit-animation-name: fadeInUp;
		  animation-name: fadeInUp;
		}
	</style>
	<body>
		<div style="height: 600px;">
			
		</div>
		<div style="height: 600px;">
			
		</div>
		<div style="height: 600px;">
			<img class="drdc" src="img/logo.png" >
		</div>
		<div style="height: 600px;">
			
		</div>
		<div style="height: 600px;">
			
		</div>
	</body>
</html>
